<!--
 * @Description: DOM操作
 * @Author: rendc
 * @Date: 2021-09-10 11:32:15
 * @LastEditors: rendc
 * @LastEditTime: 2021-09-10 11:54:18
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>DOM操作</title>
  <script src="../js/jquery.js"></script>
</head>

<body>
  <div id="app">
    这是一个div
    <p>p标签</p>
  </div>
  <!-- <input id="input" type="text">
  <button>获取input输入的内容</button>
  <a href="https://www.baidu.com">baidu</a> -->
</body>
<script>
  // 回调函数
  $("#app").text(function (i, text) {
    console.log(i);
    console.log(text);
    return "123"
  });

  // // 设置内容、属性
  // $("#app").text("这是id为app的div");
  // $("#app").html("<p>hello kitty 阿狸 </p>");
  // $("button").click(function () {
  //   $("#input").val("999");
  // })
  // // 设置一个属性
  // $("a").attr("href", "http://taobao.com");
  // // 设置多个属性
  // $("a").attr({
  //   "href": "http://taobao.com",
  //   "title": "url",
  // });
  // // 获取内容、属性
  // console.log($("#app").text());
  // console.log($("#app").html());
  // $("button").click(function () {
  //   console.log($("#input").val());
  // })
  // console.log($("a").attr("href"));
</script>

</html>